<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="#one">第一集</a>
    <a href="#two">第二集</a>
    <a href="#three">第三集</a>
    <!-- 你好，世界 -->
    <!-- 世界，你好 -->
    <!-- hello,world -->

    <h1>标题标签1</h1>
    <h2>标题标签2</h2>
    <h3>标题标签3</h3>
    <h4>标题标签4</h4>
    <h5>标题标签5</h5>
    <h6>标题标签6</h6>

    <p>在css中我们一般使用px作为单位，在桌面浏览器中css的1个像素往往都是对应着电脑屏幕的1个物理像
        素，这可能会造成我们的一个错觉，那就是css中的像素就是设备的物理像素。但实际情况却并非如此，
    </p>
    <p>css中的像素只是一个抽象的单位，在不同的设备或不同的环境中，css中的1px所代表的设备物理像素是不同
        的。在为桌面浏览器设计的网页中，我们无需对这个津津计较，但在移动设备上，必须弄明白这点。在早先的
        移动设备中，屏幕像素密度都比较低，如iphone3，它的分辨率为320x480
    </p>

    在css中我们一般使用px作为单位，在桌面浏览器中css的1个像素往往都是对应着电脑屏幕的1个物理像
        素，这可能会造成我们的一个错觉，那就是css中的像素就是设备的物理像素。但实际情况却并非如此，</br>css中的像素只是一个抽象的单位，在不同的设备或不同的环境中，css中的1px所代表的设备物理像素是不同
        的。在为桌面浏览器设计的网页中，我们无需对这个津津计较，但在移动设备上，必须弄明白这点。</br>在早先的
        移动设备中，屏幕像素密度都比较低，如iphone3，它的分辨率为320x480
    <hr>
    <strong>strong 字体加粗</strong><br>
    <b>b 字体加粗</b>
    <hr>
    <em>em 字体倾斜</em><br>
    <i>i 字体倾斜</i>
    <hr>
    <del>del 字体加删除线</del><br>
    <s>s 字体加删除线</s>
    <hr>
    <ins>ins 字体加下划线</ins><br>
    <u>u 字体加下划线</u>
    <hr>

    <img src = "https://www.baidu.com/img/pcindex_small.png">
    <hr>
    <img src = "F:\bitcode\JAVA\html\lamb.png">
    <img src = "lamb.png">
    <br>
    <a href = "https://baidu.com" target="_blank">百度</a>
    <a href="#">空链接</a>
    <a href="lamb.rar">下载文件</a>
    <a href="http://www.sogou.com">
        <img src = "lamb.png">
    </a>
    <br>
    <p id="one">
    第一集剧情 <br>
    第一集剧情 <br>
    ...
    </p>
    <p id="two">
    第二集剧情 <br>
    第二集剧情 <br>
    ...
    </p>
    <p id="three">
    第三集剧情 <br>
    第三集剧情 <br>
    ...
    </p>
    <hr>
<table align = "center" border="2" cellpadding="20" width="500px" heigh="500px">
        <thead>
            <tr>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>张三</td>>
                <td rowspan="2">男</td>
                <td>20</td>
            </tr>
            <tr>
                <td>李四</td>
                <td rowspan="2">18</td>
            </tr>
            <tr>
                <td colspan="2">王五 女</td>
            </tr>
        </tbody>
    </table>

    <hr>

    <ul>
        <li>唐僧</li>
        <li>孙悟空</li>
        <li>猪八戒</li>
        <li>沙和尚</li>
    </ul>
    <hr>
    <ol>
        <li>原子性</li>
        <li>隔离性</li>
        <li>一致性</li>
        <li>持久性</li>
    </ol>
    <hr>
    <dl>
        <dt>标题</dt>
        <dd>联表查询</dd>
        <dd>索引</dd>
        <dd>事务</dd>
    </dl>

    <hr>

    <form action="https://www.baidu.com" method="get">
        姓名：<input type="text" id="username" name="name"><br>
        密码：<input type="password"><br>
        性别：<input type="radio" name="sex" value="男">男&nbsp;&nbsp;&nbsp;
        <input type="radio" name="sex" value="女">女<br>
        爱好：<input type="checkbox">听音乐&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="checkbox">看书&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="checkbox">画画&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="checkbox">跑步<br>
        头像：<input type="file"><br>
        大学：<select>
            <option>北京大学</option>
            <option>清华大学</option>
            <option selected="selected">复旦大学</option>
            <option>华中科技大学</option>
        </select><br>
        备注：<textarea row="3" col="50"></textarea><br>
        <input type="button" value="普通按钮">
        <input type="submit" value="提交">
        <input type="reset" value="清空">
    </form>
</body>
</html>